<template>
	<view class="tabs">
		<qk-tabs 
			:list="list"
			:current="current"
			@change="ChangeCurrent"
		/>
		<view class="line"></view>
	</view>
</template>

<script>
	import QkTabs from './conponents/QkTabs.vue'
	export default {
		name: 'tabs',
		components:{ QkTabs },
		data() {
			return {
				current: 2,
				list: [
					{ name: '新闻' },
					{ name: '简况' },
					{ name: '财务' },
					{ name: '研报' },
					{ name: '公告' }
				]
			}
		},
		methods: {
			ChangeCurrent(row) {
				const { index } = row;
				this.current = index;
			}
		}
	}
</script>

<style lang="scss" scoped>
.tabs {
	.line {
		margin-top: 4rpx;
		border-top: 1px solid #f4f5f6;
	}
}
</style>
